TOP 100 大前端超棒精选列表

正值如今这信息爆炸的年代，如何能从中汲取精华，于有限时间内，成为更高效的学习者，从而在激烈的竞争中更具优势，是当下每个人或企业都该思虑的问题；先前创立的 Web 应用：「倾城之链」，就是为改善这一困扰的探索尝试，具体可参见关于 | 「倾城之链」。这份为前端开发者而精心维护的超棒列表，就是为解决信息过剩问题的具体实践：旨在为前端学习，技能提升，视野扩展，资料查找等提供价值性参考。目前选择性收录优质仓库近百个，涉及 Web 前端、后台、流行技术以及其他魔力清单。

此份列表，目前维护在 Github 仓库：Awesome List 👏 | 与时俱进版前端资源教程，将会持续更新，尽可能使之全而不杂，以避免信息过重而无用，这或将成为你从事现代 Web 开发之路的重要参考，你值得拥有，实可典藏。

🐉 Awesome Future Technology List

Awesome-Bots: _{The most awesome list about bots ⭐️🤖}
Awesome-Deep-Learning: _{A curated list of awesome Deep Learning tutorials, projects and communities.}
Awesome-Deep-Learning-Papers: _{The most cited deep learning papers.}
Awesome-Deeplearning-Resources: _{Deep Learning and deep reinforcement learning research papers and some codes}
Awesome-Machine-Learning: _{A curated list of awesome Machine Learning frameworks, libraries and software.}
Awesome-Machine-Learning-Cn: _{机器学习资源大全中文版，包括机器学习领域的框架、库以及软件}
Awesome-Machine-Learning-On-Source-Code: _{Cool links & research papers related to Machine Learning applied to source code (MLonCode)}
Awesome-Nlp: _{📖 A curated list of resources dedicated to Natural Language Processing (NLP)}
Awesome-Project-Ideas: _{Curated list of Machine Learning, NLP, Vision, Recommender Systems Project Ideas}

🎨 Awesome Front-End List

🗝 Foundation

Awesome-Canvas: _{A curated list of awesome HTML5 Canvas with examples, related articles and posts.}
Awesome-Css: _{🎨 A curated contents of amazing CSS Ever.}
Awesome-HTML5: _{📝 A curated list of awesome HTML5 resources. Inspired by awesome-php and awesome-python.}
Awesome-Javascript: _{🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.}
Awesome-Pwa: _{Awesome list of progressive web apps! (PR welcomed ;))}
Awesome-Service-Workers: _{🔩 A collection of awesome resources for learning Service Workers}
Awesome-SVG: _{A curated list of SVG.}
Awesome-WebGL: _{A curated list of awesome WebGL libraries, resources and much more.}

🚈 Framework

Awesome-Angular: _{📄 A curated list of awesome Angular resources.}
Awesome-Design: _{🎏 Creative Resources for Developer and Designer}
Awesome-Electron: _{Useful resources for creating apps with Electron}
Awesome-React: _{A collection of awesome things regarding React ecosystem.}
Awesome-React-Components: _{Catalog of React Components & Libraries}
Awesome-React-Native: _{Awesome React Native components, news, tools, and learning material!}
Awesome-Vue.js: _{🎉 A curated list of awesome things related to Vue.js}
Awesome-Next.js: _{📔 📚 A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications).}

🚅 Advanced

Awesome-Web-Design: _{🎨 A curated list of awesome resources for digital designers.}
Awesome-Performance-Optimization: _{📝 A curated list of Web Performance Optimization. Everyone can contribute here!}

⚔️ Tools

Awesome-D3: _{A list of D3 libraries, plugins and utilities.}
Awesome-Dataviz: _{📈 A curated list of awesome data visualization libraries and resources.}
Awesome-Gulp: _{A curated list of awesome gulp resources, plugins, and boilerplfates for a better development workflow automation.}
Awesome-Npm: _{Awesome npm resources and tips}
Awesome-Puppeteer: _{A curated list of awesome puppeteer resources.}
Awesome-Webpack: _{A curated list of awesome Webpack resources, libraries and tools.}

📀 Media

Awesome-Audio-Visualization: _{A curated list about Audio Visualization.}
Awesome-Fonts: _{Curated list of fonts and everything}
Awesome-Images: _{A curated list of amazingly awesome free (stock) photo resources inspired by all the other awesomes.}
Awesome-Gif: _{😎 A curated list of awesome GIF resources}

👽 Awesome Back-End List

Awesome-Crawler: _{A collection of awesome web crawler,spider in different languages}
Awesome-Elasticsearch: _{A curated list of the most important and useful resources about elasticsearch: articles, videos, blogs, tips and tricks, use cases. All about Elasticsearch!}
Awesome-Ipfs: _{Useful resources for using IPFS and building things on top of it}
Awesome-Nodejs: _{⚡️ Delightful Node.js packages and resources node.cool}
Awesome-Serverless: _{☁️ A curated list of awesome services, solutions and resources for serverless / nobackend applications.}
Awesome-Web-Scraping: _{List of libraries, tools and APIs for web scraping and data processing.}

💾 Databases

Awesome-Datebase: _{A curated list of amazingly awesome database libraries, resources and shiny things by numetriclabz.com}
Awesome-Mysql: _{A curated list of awesome MySQL software, libraries, tools and resources}
Awesome-Mongodb: _{🍃 A curated list of awesome MongoDB resources, libraries, tools and applications}
Awesome-Postgres: _{A curated list of awesome PostgreSQL software, libraries, tools and resources, inspired by awesome-mysql}

🎣 Awesome Front-Back-End List

Awesome-Docker: _{🐳 A curated list of Docker resources and projects}
Awesome-Graphql: _{Awesome list of GraphQL & Relay.}
Awesome-Honeypots: _{an awesome list of honeypot resources}
Awesome-Kubernetes: _{A curated list for awesome kubernetes sources 🚢🎉}
Awesome-Pentest: _{A collection of awesome penetration testing resources, tools and other shiny things}
Awesome-Web-Security: _{🐶 A curated list of Web Security materials and resources.}
Awesome-Security: _{A collection of awesome software, libraries, documents, books, resources and cools stuffs about security.}

🛠 Tools

Awesome-Adb: _{🍭 ADB Usage Complete / ADB 用法大全}
Awesome-Algorithms: _{A curated list of awesome places to learn and/or practice algorithms.}
Awesome-AutoHotkey: _{A curated list of awesome AutoHotkey libraries, library distributions, scripts, tools and resources.}
Awesome-Atom: _{A curated list of delightful Atom packages and resources.}
Awesome-Cheatsheets: _{📚 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.}
Awesome-Chrome-Devtools: _{Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem}
Awesome-Markdown: _{📝 Delightful Markdown stuff.}
Awesome-Haskell: _{A collection of awesome Haskell links, frameworks, libraries and software. Inspired by awesome projects line.}
Awesome-Hyper: _{🖥 Delightful Hyper plugins, themes, and resources}
Awesome-Shell: _{A curated list of awesome command-line frameworks, toolkits, guides and gizmos. Inspired by awesome-php.}
Awesome-Vscode: _{🎨 A curated list of delightful VS Code packages and resources.}
Awesome-Zsh-Plugins: _{A collection of ZSH frameworks, plugins & themes inspired by the various awesome list collections out there.}

💻 System

Awesome-linux: _{🐧 A list of awesome projects and resources that make Linux even more awesome.}
Awesome-Mac: _{ Now we have become very big, Different from the original idea. Collect premium software in various categories.}
Awesome-MacOS: _{ A curated list of awesome applications, softwares, tools and shiny things for macOS.}
Awesome-Macos-Command-Line: _{Use your macOS terminal shell to do awesome things.}
Awesome-Windows: _{💻 An awesome & curated list of best applications and tools for Windows.}

🌷 Awesome Other Wizards List

Awesome-Algolia: _{🔍👋 START HERE! A curated list of Algolia libraries, resources and projects.}
Awesome-Awesome: _{A curated list of awesome curated lists of many topics.}
Awesome-Checklist-Checklist: _{🌈 A Curated List of Checklists ✔︎✔︎ http://checklist.yingjiehu.com}
Awesome-Creative-Coding: _{🎨 Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.}
Awesome-Cli-Apps: _{🖥 📊 🕹 🛠 A curated list of command line apps}
Awesome-Developer-Streams: _{👩🏿‍💻👨🏾‍💻👩🏼‍💻👨🏽‍💻👩🏻‍💻 Awesome Developers, Streaming}
Awesome-For-Beginners: _{A list of awesome beginners-friendly projects.}
Awesome-List: _{😎 Curated list of awesome lists}
Awesome-Hacking: _{A curated list of awesome Hacking tutorials, tools and resources}
Awesome-Health: _{A curated list of health resources}
Awesome-Interview-Questions: _{:octocat: A curated awesome list of lists of interview questions. Feel free to contribute! 🎓}
Awesome-Math: _{A curated list of awesome mathematics resources}
Awesome-Flutter: _{An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.}
Awesome-Github: _{An exquisite list of awesome :octocat: secrets.}
Awesome-Github-Vue: _{Vue 相关开源项目库汇总}
Awesome-README: _{A curated list of awesome READMEs}
Awesome-Resources: _{Awesome resources for coding and learning: open source projects, websites, books e.g.}
Awesome-Talks: _{Awesome online talks and screencasts}

原文出处：静晴轩别苑
原文首链：TOP 100 大前端超棒精选列表

@2018-10-13 于深圳.福田 Last Modify：2018-10-15